<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>启德正志</title>
    <link rel="stylesheet" href="./assets/style.css">
    <link rel="stylesheet" href="./assets/header.css">
    <link rel="stylesheet" href="./assets/footer.css">
    <link rel="stylesheet" href="./assets/recommend.css">
    <style>
.album .top-pic img{
    max-width: 100%;
}
.album .top-bg{
    background-image: url('./assets/img/bg1.jpg');
    background-size: 100% 100%;
    padding-top: 50px;
}
.album .album-list {
    padding-bottom: 20px;
    padding-left: 300px;
    padding-right: 300px;
    padding-top: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.album .album-list .album-item {
    border-bottom: 1px solid #193547;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 30px;
}

.album .album-list .album-item img{
    height: 200px;
    padding-right: 20px;
}
.album .album-list .album-item .top-right a{
    text-decoration: none;
    color: inherit;
}
.album .album-list .album-item .top-right .title{
    padding-top: 20px;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 20px;
}
.album .album-list .album-item .top-right .content-text{
    font-size: 16px;
    line-height: 24px;
    color: #193547;
}
.album .album-list .album-item .top-right .time{
    padding-top: 20px;
    padding-bottom: 20px;
}
        .block-title{
            text-align: center;
            font-size: 36px;
            color: #193547;
            font-weight: bold;
            background: rgba(25,53,71,0.2);
            width: 400px;
            height: 60px;
            line-height: 60px;
            margin: 80px auto;
        }
    </style>
</head>
<body>
<div class="header">
    <div class="content">
        <div class="left mr-100">
            <img src="./assets/qdzzheader.png">
        </div>
        <div class="middle mr-100">
            高大上 人性化 有效果的特训
        </div>
        <div class="right">
            <div>
                您好，欢迎来到启德正志特训基地总部！
            </div>
            <div class="phone">
                <img src="./assets/img/phonelogo.png">
                <span>15610241666</span>
            </div>

        </div>
    </div>
    <div class="menu">
        <ul>
            <li><a href="./Home.html">首页</a></li>
            <li><a href="./Edu.html">特色教育</a></li>
            <li><a href="./Teacher.html">师资力量</a></li>
            <li><a class="activeMenu" href="./Album.html">校园相册</a></li>
            <li><a href="./About.html">关于我们</a></li>
            <li><a href="./Contact.html">联系我们</a></li>
        </ul>
    </div>
</div>

<div class="album">
    <div class="top-pic">
        <img src="./assets/img/banner1.jpg">
    </div>


    <div class="top-bg">
        <div class="block-title">启德正志.校园相册</div>
        <div class="album-list">

            <div class="album-item">

                <img src="./assets/edu/album1.jpg">
                <div class="top-right">
                    <a href="AlbumDetail.html">
                    <div class="title">
                        全封闭准军事化管理
                    </div>
                    <div class="content-text">
                        启德青少年特训学校采取全封闭式军事化管理，
                        让每个孩子都能养成自律有耐心，有毅力有责任心，
                        有担当懂感恩，少年有志，国家有望，愿你们严格要求，
                        严格训练，履行好神圣使命，那些看似不起波澜的日复一日，会突然在某一天让你看到坚持的意义。
                    </div>
                    <div class="time">
                        2022-12-18 11:20:20
                    </div>
                    </a>
                </div>

            </div>
            <div class="album-item">
                <img src="./assets/edu/album1.jpg">
                <div class="top-right">
                    <a href="AlbumDetail.html">
                    <div class="title">
                        全封闭准军事化管理
                    </div>
                    <div class="content-text">
                        启德青少年特训学校采取全封闭式军事化管理，
                        让每个孩子都能养成自律有耐心，有毅力有责任心，
                        有担当懂感恩，少年有志，国家有望，愿你们严格要求，
                        严格训练，履行好神圣使命，那些看似不起波澜的日复一日，会突然在某一天让你看到坚持的意义。
                    </div>
                    <div class="time">
                        2022-12-18 11:20:20
                    </div>
                    </a>
                </div>
            </div>
            <div class="album-item">
                <img src="./assets/edu/album1.jpg">
                <div class="top-right">
                    <a href="AlbumDetail.html">
                    <div class="title">
                        全封闭准军事化管理
                    </div>
                    <div class="content-text">
                        启德青少年特训学校采取全封闭式军事化管理，
                        让每个孩子都能养成自律有耐心，有毅力有责任心，
                        有担当懂感恩，少年有志，国家有望，愿你们严格要求，
                        严格训练，履行好神圣使命，那些看似不起波澜的日复一日，会突然在某一天让你看到坚持的意义。
                    </div>
                    <div class="time">
                        2022-12-18 11:20:20
                    </div>
                    </a>
                </div>
            </div>
            <div class="album-item">
                <img src="./assets/edu/album1.jpg">
                <div class="top-right">
                    <a href="AlbumDetail.html">
                    <div class="title">
                        全封闭准军事化管理
                    </div>
                    <div class="content-text">
                        启德青少年特训学校采取全封闭式军事化管理，
                        让每个孩子都能养成自律有耐心，有毅力有责任心，
                        有担当懂感恩，少年有志，国家有望，愿你们严格要求，
                        严格训练，履行好神圣使命，那些看似不起波澜的日复一日，会突然在某一天让你看到坚持的意义。
                    </div>
                    <div class="time">
                        2022-12-18 11:20:20
                    </div>
                    </a>
                </div>
            </div>
            <div class="album-item">
                <img src="./assets/edu/album1.jpg">
                <div class="top-right">
                    <a href="AlbumDetail.html">
                    <div class="title">
                        全封闭准军事化管理
                    </div>
                    <div class="content-text">
                        启德青少年特训学校采取全封闭式军事化管理，
                        让每个孩子都能养成自律有耐心，有毅力有责任心，
                        有担当懂感恩，少年有志，国家有望，愿你们严格要求，
                        严格训练，履行好神圣使命，那些看似不起波澜的日复一日，会突然在某一天让你看到坚持的意义。
                    </div>
                    <div class="time">
                        2022-12-18 11:20:20
                    </div>
                    </a>
                </div>
            </div>

        </div>


    </div>


    <div class="recommend">
        <div class="footer-text">教育局监管 | 一对一贴心疏导 | 军事化管理模式</div>
        <div class="footer-text">多年专注青少年叛逆、网瘾等问题解决方案</div>
        <div class="hotline-text">
            <span>咨询热线：</span><span class="phone">010-234566666</span>
        </div>

    </div>

</div>

<div class="footer">
    <div class="left">
        <div class="menu-name">
            <span><a href="./Home.html">首页</a></span>
            <span><a href="./Edu.html">特色教育</a></span>
            <span><a href="./Teacher.html">师资力量</a></span>
            <span><a href="./Album.html">校园相册</a></span>
            <span><a href="./About.html">关于我们</a></span>
            <span><a href="./Contact.html">联系我们</a></span>
        </div>
        <div>全国免费客服咨询热线：123456789</div>
        <div>备案号：鲁ICP备19004508号-1</div>
        <div>©2022浙江启德正志教育咨询有限公司 版权所有</div>
    </div>

    <div class="right">
        <div>
            <img src="./assets/qdzzlogo.png" style="padding-right: 20px">

            <img src="./assets/img/qrcode.gif" style="height: 140px">
        </div>
    </div>
</div>
</body>
</html>